<template>
	<view class="mainCss">
		<view class="titleBox">
			<view class="titleLeft">
				<img src="../../static/title/back.png" class="titleBack" @click="goBack">
			</view>
			<view class="titleText">
				<text>合伙</text>
			</view>
			<view class="titleRight">

			</view>
		</view>
		<view class="selectBox">
			<view class="selectBox1">
				<view class="selectIconBox">
					<img src="../../static/home/select.png" class="selectIcon">
				</view>
				<input type="text" class="selectInput" v-model="selectInfo" placeholder="请输入搜索内容"
					placeholder-style="color: #DFDFDF;">
			</view>
			<view class="">
				<button class="selectButton">搜索</button>
			</view>
		</view>
		<view class="bodyBox">
			<view class="bannerBox">
				<swiper style="height: 270rpx; border-radius: 10px;" autoplay="true" interval="3000" duration="500"
					circular="true">
					<swiper-item v-for="(item, index) in bannerList" :key="index">
						<view class="swiper-item">
							<image :src="item.imgUrl" class="banner"></image>
						</view>
					</swiper-item>
				</swiper>
			</view>
			<view class="tipsBox">
				<view class="type" :class="[type == 0?'type1':'type']" @click="type = 0">
					<text>推荐合伙项目</text>
					<span class="border_bom" v-show="type == 0"></span>
				</view>
				<view class="type" :class="[type == 1?'type2':'type']" @click="type = 1">
					<text>合伙模式</text>
					<span class="border_bom" v-show="type == 1"></span>
				</view>
			</view>
			<view class="partnershipBox" v-show="type == 0">
				<view class="partnershipTitle">
					<text>品牌店铺合伙</text>
				</view>
				<view class="hiddenBox">
					<view class="autoBox">
						<view class="shopList" :style="{width: 5 * 200 + 'rpx'}">
							<view class="shopBox" v-for="(item1, index1) in 5" :key="index1" @click="details">
								<view class="imgBox">
									<img src="../../static/home/info.jpg" class="img">
								</view>
								<view class="shopTitle">
									<text>贰宝便利店</text>
								</view>
								<view class="shopPrice">
									<text>投入<text style="color: #FB2200; font-size: 14px;">1万元</text></text>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<view class="modesBox" v-show="type == 1">
				<img v-for="(item, index) in modesList" :key="index" :src="item.imgUrl" class="modeImg" @click="allType">
			</view>
			<view class="block">

			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				type: 0,
				bannerList: [{
					imgUrl: '../../static/lease/leaseBg.png',
				}, {
					imgUrl: '../../static/lease/leaseBg.png',
				}, {
					imgUrl: '../../static/lease/leaseBg.png',
				}, {
					imgUrl: '../../static/lease/leaseBg.png',
				}],
				modesList: [{
					imgUrl: '../../static/partnership/品牌店铺合伙.png'
				}, {
					imgUrl: '../../static/partnership/创业合伙.png'
				}, {
					imgUrl: '../../static/partnership/事业合伙.png'
				}]
			}
		},
		onLoad() {

		},
		methods: {
			// 返回
			goBack() {
				uni.navigateBack(0)
			},
			// 跳转到全部页面
			allType() {
				uni.navigateTo({
					url: '/pages/partnership/allType',
				})
			},
			// 跳转到项目详情
			details() {
				uni.navigateTo({
					url: '/pages/partnership/details',
				})
			},
		}
	}
</script>

<style>
	@import '../../css/partnership.css';
</style>